<?php
	include("includes/session.php"); 
	include("includes/connect_db.php");
	include("includes/header.php"); 
	include("notif.php");
?>

<STYLE TYPE="text/css">
	.service{
		width: 100%;
		position: center;
		text-align: center;
		margin-top: 100px;
	}
	.judul{
		font-size: 20px;
		padding: 20px;
		border-bottom: 1px solid #08c;
	}
	.pilih{
		padding-bottom: 20px;
		padding-top: 20px;
		border-bottom: 1px solid #08c;
	}
	.btnPulsa, .btnIsiUlang{
		width: 200px;
	}
	span{
		margin-right: 10px;
	}
	.pulsa{
		padding-bottom: 20px;
		padding-top: 20px;
		border-bottom: 1px solid #08c;
		display: none;
	}
	.isiUlang{
		padding-bottom: 20px;
		padding-top: 20px;
		border-bottom: 1px solid #08c;	
		display: none;
	}
</STYLE>

<div class="span9"> 
	<h3>SMS</h3>                      
    <ul class="breadcrumb well">
        <li class="active">Pulsa</li>                
    </ul>  

    <div class="judul">
    	Pengecekan Pulsa
    </div>
    <div class="pilih">
    	<button class="btn btn-info btnPulsa">
    		<i class="icon-white icon-check"></i>
    		Cek Pulsa
    	</button>
    	<button class="btn btn-info btnIsiUlang">
    		<i class="icon-white icon-download-alt"></i>
    		Isi Ulang Pulsa
    	</button>
    </div>	
    <div class="pulsa">
    	<span>Masukkan Kode Cek Pulsa</span>
    	<span><input class"inputPulsa" type="text" placeholder="Masukkan Kode"></span>
    	<span><button class="btn btnSubmitPulsa"><i class="icon-white icon-ok"></i>Submit</button></span>
    </div>	
    <div class="isiUlang">
    	<span>Masukkan Kode Isi Ulang</span>
    	<span><input class"inputIsiUlang" type="text" placeholder="Masukkan Kode"></span>
    	<span><button class="btn btnSubmitIsiUlang"><i class="icon-white icon-ok"></i>Submit</button></span>
    </div>
</div>

<SCRIPT TYPE="text/javascript">
	$(document).ready(function() {
		$('.btnPulsa').click(function(){
			$('.isiUlang').slideUp(function(){
				$('.pulsa').slideDown();
			});
		});

		$('.btnIsiUlang').click(function(){
			$('.pulsa').slideUp(function(){
				$('.isiUlang').slideDown();
			});
		});
	});
</SCRIPT>

<?php include("includes/footer.php"); ?>
